<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>TileCanvasApplication.mxml</title>
<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
</head>

<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> 
    layout=&quot;</span><span class="MXMLString">absolute</span><span class="MXMLDefault_Text">&quot;
    
    viewSourceURL=&quot;</span><span class="MXMLString">srcview/TileCanvas/index.html</span><span class="MXMLDefault_Text">&quot;
    
    xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns:jwolib=&quot;</span><span class="MXMLString">http://www.jwolib.com/2006/mxml</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>

    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">core</span>.<span class="ActionScriptDefault_Text">Container</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">SortField</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">CollectionEventKind</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">Sort</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">EffectEvent</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">CollectionEvent</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">com</span>.<span class="ActionScriptDefault_Text">jwopitz</span>.<span class="ActionScriptDefault_Text">containers</span>.<span class="ActionScriptDefault_Text">QuoteDetailCard</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">com</span>.<span class="ActionScriptDefault_Text">jwopitz</span>.<span class="ActionScriptDefault_Text">vo</span>.<span class="ActionScriptDefault_Text">QuoteVO</span>
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">effects</span>.<span class="ActionScriptDefault_Text">Move</span>;
            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">containers</span>.<span class="ActionScriptDefault_Text">Box</span>;
            
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">columns</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 3;
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">columnWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 150;
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">columnGap</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 5;
            
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">rows</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">rowHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 100;
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">rowGap</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 5;
            
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">thumbs</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Array</span>;
            
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isMoving</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
            
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">order</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
            
            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span>  <span class="ActionScriptDefault_Text">d</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span>
                                    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">QuoteVO</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;GOOG&apos;</span>, <span class="ActionScriptString">&apos;Google&apos;</span>, 145.12, 0.35, 0.02<span class="ActionScriptBracket/Brace">)</span>,
                                     <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">QuoteVO</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;IBM&apos;</span>, <span class="ActionScriptString">&apos;IBM&apos;</span>, 45.78, <span class="ActionScriptOperator">-</span>0.15, <span class="ActionScriptOperator">-</span>0.01<span class="ActionScriptBracket/Brace">)</span>,
                                     <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">QuoteVO</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;AAPL&apos;</span>, <span class="ActionScriptString">&apos;Apple&apos;</span>, 103.01, <span class="ActionScriptOperator">-</span>0.02, <span class="ActionScriptOperator">-</span>0.01<span class="ActionScriptBracket/Brace">)</span>,
                                     <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">QuoteVO</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;POPN&apos;</span>, <span class="ActionScriptString">&apos;Pop N Fresh&apos;</span>, 12.14, 0.12, 0.07<span class="ActionScriptBracket/Brace">)</span>,
                                     <span class="ActionScriptBracket/Brace">])</span><span class="ActionScriptComment">/*new QuoteVO(&apos;IBM&apos;, &apos;IBM&apos;, 45, 0.35, 0.02),
                                     new QuoteVO(&apos;AAPL&apos;, &apos;Apple&apos;, 103, 0.35, 0.02),
                                     new QuoteVO(&apos;POPN&apos;, &apos;Pop N Fresh&apos;, 1214, 0.35, 0.02),
                                     new QuoteVO(&apos;GOOG&apos;, &apos;Google&apos;, 145, 0.35, 0.02),
                                     new QuoteVO(&apos;IBM&apos;, &apos;IBM&apos;, 45, 0.35, 0.02),
                                     new QuoteVO(&apos;AAPL&apos;, &apos;Apple&apos;, 103, 0.35, 0.02),
                                     new QuoteVO(&apos;POPN&apos;, &apos;Pop N Fresh&apos;, 1214, 0.35, 0.02),]
                                    );*/</span>
                                    
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sort</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">property</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
                
                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">s</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Sort</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Sort</span><span class="ActionScriptBracket/Brace">()</span>;
                <span class="ActionScriptDefault_Text">s</span>.<span class="ActionScriptDefault_Text">fields</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SortField</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">property</span>, <span class="ActionScriptReserved">false</span>, <span class="ActionScriptDefault_Text">order</span><span class="ActionScriptBracket/Brace">)]</span>;
                <span class="ActionScriptDefault_Text">d</span>.<span class="ActionScriptDefault_Text">sort</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">s</span>;
                <span class="ActionScriptDefault_Text">d</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;
            <span class="ActionScriptBracket/Brace">}</span>
                        
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setupRenderer</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">h</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ClassFactory</span> <span class="ActionScriptBracket/Brace">{</span>
                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ClassFactory</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ClassFactory</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">QuoteDetailCard</span><span class="ActionScriptBracket/Brace">)</span>;
                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">h</span><span class="ActionScriptBracket/Brace">){</span>
                    <span class="ActionScriptDefault_Text">cf</span>.<span class="ActionScriptDefault_Text">properties</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">currentState</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&apos;horizontalLayout&apos;</span><span class="ActionScriptBracket/Brace">}</span>;
                <span class="ActionScriptBracket/Brace">}</span>
                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">cf</span>;
            <span class="ActionScriptBracket/Brace">}</span>
            
            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">tcCreationComplete</span> <span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
                <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">direction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&apos;vertical&apos;</span>;
                <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">itemSpawnPoint</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">columnWidth</span>, <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">rowHeight</span><span class="ActionScriptBracket/Brace">)</span>;
                <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">d</span>;
            <span class="ActionScriptBracket/Brace">}</span>
                                                    
        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
    
    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">TileCanvas by jwopitz - updated {</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
        width=&quot;</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">&quot; 
        paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
        
        <span class="MXMLComponent_Tag">&lt;mx:HBox&gt;</span>
            <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptString">&apos;actual columns: &apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">columns</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:HBox&gt;</span>
                    <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">columns</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                    <span class="MXMLComponent_Tag">&lt;mx:NumericStepper</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">col_nm</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
            
            <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptString">&apos;actual rows: &apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">rows</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:HBox&gt;</span>
                    <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">rows</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                    <span class="MXMLComponent_Tag">&lt;mx:NumericStepper</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">row_nm</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>    
            
            <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">current direction {</span><span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">direction</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">change direction</span><span class="MXMLDefault_Text">&quot;
                click=&quot;</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">direction</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&apos;horizontal&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">direction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&apos;vertical&apos;</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">direction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&apos;horizontal&apos;</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
            
            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">add cell</span><span class="MXMLDefault_Text">&quot; 
                click=&quot;</span><span class="ActionScriptDefault_Text">d</span>.<span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">QuoteVO</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;YHOO&apos;</span>, <span class="ActionScriptString">&apos;Yahoo Inc.&apos;</span>, 15.76, <span class="ActionScriptOperator">-</span>.02, <span class="ActionScriptOperator">-</span>.00<span class="ActionScriptBracket/Brace">))</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                
            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">delete cell</span><span class="MXMLDefault_Text">&quot; 
                click=&quot;</span><span class="ActionScriptDefault_Text">d</span>.<span class="ActionScriptDefault_Text">removeItemAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">d</span>.<span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">-</span> 1<span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            
            <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            
            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">125</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">order</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptString">&apos;sort descending&apos;</span> <span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&apos;sort ascending&apos;</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
                click=&quot;</span><span class="ActionScriptDefault_Text">order</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">order</span>; <span class="ActionScriptDefault_Text">sort</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sorts_rbg</span>.<span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            
            <span class="MXMLComponent_Tag">&lt;mx:RadioButtonGroup</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">sorts_rbg</span><span class="MXMLDefault_Text">&quot; change=&quot;</span><span class="ActionScriptDefault_Text">sort</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sorts_rbg</span>.<span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            <span class="MXMLComponent_Tag">&lt;mx:RadioButton</span><span class="MXMLDefault_Text"> group=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">sorts_rbg</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">symbol</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">symbol</span><span class="MXMLDefault_Text">&quot; selected=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>    
            <span class="MXMLComponent_Tag">&lt;mx:RadioButton</span><span class="MXMLDefault_Text"> group=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">sorts_rbg</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">value</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">value</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>    
            <span class="MXMLComponent_Tag">&lt;mx:RadioButton</span><span class="MXMLDefault_Text"> group=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">sorts_rbg</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">change</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">change</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
            <span class="MXMLComponent_Tag">&lt;mx:RadioButton</span><span class="MXMLDefault_Text"> group=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">sorts_rbg</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">% change</span><span class="MXMLDefault_Text">&quot; value=&quot;</span><span class="MXMLString">percentChange</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>        
                
            
            
        <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
        
        <span class="MXMLComponent_Tag">&lt;mx:HBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
            <span class="MXMLComponent_Tag">&lt;jwolib:TileCanvas</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">tc</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; 
                itemSpawnPoint=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">columnWidth</span>, <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">tc</span>.<span class="ActionScriptDefault_Text">rowHeight</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
                columns=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">col_nm</span>.<span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; columnWidth=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">columnWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
                rows=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">row_nm</span>.<span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; rowHeight=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">rowHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dropEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;
                itemRenderer=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">setupRenderer</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; creationComplete=&quot;</span><span class="ActionScriptDefault_Text">tcCreationComplete</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
                
            <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">&quot; itemRenderer=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">setupRenderer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; rowHeight=&quot;</span><span class="MXMLString">55</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
                dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">d</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
        <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
            
        
        
    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
    
<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
</html>
